:host {
  text-rendering         : optimizeLegibility;
  -webkit-font-smoothing : antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.app-layout {
  height: 100vh;
}


.menu-sidebar {
  position  : relative;
  z-index   : 10;
  min-height: 100vh;
  box-shadow: 2px 0 6px rgba(0, 21, 41, .35);
}

.header-trigger {
  height    : 64px;
  padding   : 20px 24px;
  font-size : 20px;
  cursor    : pointer;
  transition: all .3s, padding 0s;
}

.trigger:hover {
  color: #1890ff;
}

.sidebar-logo {
  position    : relative;
  height      : 64px;
  padding-left: 24px;
  overflow    : hidden;
  line-height : 64px;
  background  : #001529;
  transition  : all .3s;
}

.sidebar-logo img {
  display       : inline-block;
  height        : 32px;
  width         : 32px;
  vertical-align: middle;
}

.sidebar-logo h1 {
  display       : inline-block;
  margin        : 0 0 0 20px;
  color         : #fff;
  font-weight   : 600;
  font-size     : 14px;
  font-family   : Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
  vertical-align: middle;
}

nz-header {
  padding: 0;
  width  : 100%;
  z-index: 2;
}

.app-header {
  position  : relative;
  height    : 64px;
  padding   : 0;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
}

nz-content {
  margin: 24px;
}

.inner-content {
  width     : 100%;
  background: #fff;
  height    : 100%;
}

.header-user {
  height      : 64px;
  line-height : 64px;
  float       : right;
  margin-right: 25px;
  cursor      : pointer;
}

.header-user:hover {
  background-color: rgb(224, 245, 255);
}

.header-avatar {
  position: relative;
  height  : 64px;
  width   : 50px;
  float   : left;
}

.header-avatar>img {
  position     : absolute;
  width        : 50px;
  height       : 50px;
  top          : 50%;
  margin-top   : -25px;
  border-radius: 50%;
  overflow     : hidden;
}

.header-avatar>div {
  position     : absolute;
  width        : 50px;
  height       : 50px;
  top          : 50%;
  margin-top   : -25px;
  border-radius: 50%;
  overflow     : hidden;
  text-align   : center;
  line-height  : 50px;
  color        : #fff;
  font-size    : 18px;
  font-weight  : bold;
}

.icon-font {
  font-size: 16px;
}

::ng-deep .breadcrumb {
  .ant-breadcrumb-link>a {
    pointer-events: none // 禁用a标签点击事件
  }
}